@import './mobile-basic.css';

@font-face {
  font-family: DIN;
  src: url(@/assets/font/dataCenter/D-DIN-PRO-600-SemiBold.otf);
}

.text_font_DIN {
  font-family: DIN;
}

@font-face {
  font-family: HONORSans;
  src: url(@/assets/font/dataCenter/HONORSans-Medium.ttf);
}

.text_font_HONORSans {
  font-family: HONORSans;
}

@font-face {
  font-family: YouSheBiaoTiHei;
  src: url(@/assets/font/dataCenter/优设标题黑.ttf);
}

.text_font_YouShe {
  font-family: YouSheBiaoTiHei;
}

body {
  font-family: HONORSans;
}

.w1672 { width: 1672px; }
.w960 { width: 960px; }
.w824 { width: 824px; }
.w760 { width: 760px; }
.w232 { width: 232px; }
.w150 { width: 150px; }
.w136 { width: 136px; }
.w120 { width: 120px; }
.w80 { width: 80px; }

.hp100 { height: 100%; }

.h40 { height: 40px; }

.fz40 { font-size: 40px; }
.fz32 { font-size: 32px; }

.mt32 { margin-top: 32px; }
.mt24 { margin-top: 24px; }

.img_1 { width: 17px; height: 22px; }
.img_2 { width: 24px; height: 24px; }

.cor_EF0 { color: #EF0000; }
.cor_777 { color: rgba(255, 255, 255, .7); }
.cor_00F { color: #00F0F7; }
.cor_fff { color: #fff; }
.cor_FF9 { color: #FF9900; }

body {
  /* width: 100vw;
  height: 100vh; */
  line-height: 1;
  /* overflow: hidden; */
}

/* #app {
  position: relative;
  width: 1920px;
  height: 1080px;
  transform-origin: 0 0;
  background: url(../img/bg.jpg) no-repeat;
  background-size: cover;
  overflow: hidden;
} */

.my_screen_page {
  position: relative;
  width: 2560px;
  height: 1600px;
  background: url(@/assets/images/dataCenter/page_bg_1.png) no-repeat;
  background-size: cover;
  overflow: hidden;
}

.cor_fff { color: #fff; }

.page_title_text {
  position: relative;
  font-size: 28px;
  line-height: 32px;
  background: linear-gradient(180deg, #FFFFFF 47%, #76D3FF 57%, #76D3FF 100%);
  -webkit-background-clip: text;  
  background-clip: text;  
  font-family: YouSheBiaoTiHei;
  color: transparent; 
  margin-left: 16px;
  margin-right: 16px;
}

.area_block_1 {
  position: relative;
  padding: 40px 30px 0;
  width: 100%;
  height: 1486px;
  background: url(@/assets/images/dataCenter/area_1_1.png) no-repeat;
  background-size: 100%;
}

.area_block_2 {
  position: relative;
  padding: 40px 30px 0;
  width: 100%;
  height: 1486px;
  background: url(@/assets/images/dataCenter/area_1_2.png) no-repeat;
  background-size: 100%;
}



